<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 优先使用 IE 最新版本和 Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 为移动设备添加 viewport-->
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 设置苹果工具栏颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）-->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 忽略页面中的数字识别为电话，忽略email识别-->
    <meta name="format-detection" content="telphone=no, email=no">
    <!-- 下面三个是清除缓存 微信浏览器缓存严重又无刷新；这个方法调试的时候很方便-->
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>售后订单</title>
    <!--引入swipper.css-->
    <link rel="stylesheet" href="../lib/swiper/swiper-3.3.1.min.css">
    <!--  引入  weui.css jquery-weui.css jQuery WeUI 依赖 weui.css 和 jQuery，但是请注意要使用正确的版本。-->
    <link rel="stylesheet" href="../lib/weui/weui.css">
    <link rel="stylesheet" href="../lib/weui/jquery-weui.css">
    <!--引入ydui.css-->
    <link rel="stylesheet" href="../lib/ydui/ydui.css">
    <!--引入jquery-->
    <script src="../lib/jquery/jquery-2.1.4.min.js"></script>
    <!--引入Vue-->
    <script src="../lib/vue/vue.min.js"></script>
    <!--引入jquery-weui.js-->
    <script src="../lib/weui/jquery-weui.min.js"></script>
    <!--引入flexible.js-->
    <script src="../lib/flexible/flexible.js"></script>
    <!--引用handler.js-->
    <script src="../lib/template/handlebars-v4.0.5.js"></script>
    <!--引入Swiper.js-->
    <script src="../lib/swiper/swiper-3.3.1.min.js"></script>
    <!--引入公共css-->
    <link rel="stylesheet" href="../lib/css/style-min.css">
    <!--引入公共common.js-->
    <script src="../lib/common/common.js"></script>
    <!--引入对应的css-->
    <link rel="stylesheet" href="../css/customerSer/customerSer.css">
</head>
<body>
<div class="customer" id="saleEle">
    <div class="home-top headerNav">
        <header class="m-navbar demo-small-pitch">
            <a href="javascript:;" class="navbar-item" onclick="returnPage()"><img class="back" src="../images/return.png"/></a>
            <div class="navbar-center"><span class="navbar-title top-color">售后订单</span></div>
            <!--<a href="javascript:;" class="navbar-item kefu"><img src="../images/customerSer/kefu@2x.png" alt=""></a>-->
        </header>
    </div>
    <div class="headerNav" style="height: 1.3rem;background-color: #181818;"></div>
    <!--售后产品列表-->
    <ul class="shop-goods-warp">
        <li class="shop-goods-row goodBottom" v-for="(item,index) in SaleData">
            <div class="cl-info-href delivery-way">
                <a href="javascript:;">
                    <div class="left">
                        <span><img class="edit" src="../images/customerSer/dingdanbianhao@2x.png">订单编号：{{item.afterSn}}</span>
                        <span class="fr free-freight">{{item.statusText}}</span>
                    </div>
                </a>
            </div>
            <div class="shop-head-con" v-on:click="goChildPage(item)">
                <div class="imgs"><img v-bind:src="item.goodImg"></div>
                <div class="shop-head-text">
                    <h4>{{item.goodsName}}</h4>
                    <p class="select"><label>{{item.goodSpecInfo}}</label></p>
                    <p class="add-price clearFix">
                        <label>￥<span class="add-shop-price">{{item.salePrice}}</span></label>
                        <span class="addnum">x{{item.quantity}}</span>
                    </p>
                </div>
            </div>
            <div class="cl-info-href delivery-way">
                <a href="javascript:;" >
                    <div class="left">
                        <span>退款金额：¥{{item.refundMoney}}</span>
                        <span class="inf" v-show="item.status==2">
                            <span class="text">查看物流信息</span>
                        </span>
                    </div>
                </a>
            </div>
            <div style="height: 7px; background: #EEEEEE"></div>
        </li>
    </ul>
    <!--/售后产品列表-->
    <div>

    </div>
</div>
</body>
<script src="../lib/ydui/ydui.js"></script>
<script src="../js/customerSer/customerSer.js"></script>
</html>